<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='css/feature.presenter.1.5.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
</head>
<body>
<div id="test-element" align="left"></div>
<script src="js/feature.presenter.1.5.min.js"></script>
<script>
/* 图片地址可以是相对路径或绝对路径；标题和描述可以包含HTML */
var settings = [ {image: 'images/zzsc1.png', heading: '生产详情', description: '查看生产详情信息'}, 
				 {image: 'images/zzsc2.png', heading: '质量详情', description: '查看质量详情信息'}, 
				 {image: 'images/zzsc3.png', heading: '设备详情', description: '查看设备详情信息'}, 
				 {image: 'images/zzsc4.png', heading: 'More', description: '...'}, 
				 {image: 'images/zzsc5.png', heading: '实时产量', description: '查看实时信息'},
				 {image: 'images/zzsc6.png', heading: '工序产量', description: '查看工序产量'}
				];

var options = {
	circle_radius: 220,
	normal_feature_size: 100,
	highlighted_feature_size: 150,
	top_margin: 100,
	bottom_margin: 50,
	spacing: 40,
	min_padding: 50,
	heading_font_size: 30,
	description_font_size: 20,
	type: 'image'
};
var fp = new FeaturePresenter($("#test-element"), settings, options);
fp.createPresenter();
</script>
</body>
</html>